<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="layui/css/layui.css">
		<!--<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
		<script type="text/javascript" src="layui/layui.all.js" ></script>-->
	</head>
	<body>
		<div class="layui-row layui-col-space20" style="margin: 30px 10px;">
			<div class="layui-row layui-bg-gray">
				<span class="layui-breadcrumb">
                    <a href="javascript:toIndex();">首页</a>
                    <a href="">基础信息管理</a>
                    <a href="">资产分类管理</a>
                </span>
			</div>
		    <div class="layui-row">
		    	<form class="layui-form" action="">
		    		<div class="layui-col-md4">
		    			<span>分类名称：</span>
		    			<div class="layui-input-inline">
		    				<input type="text" name="title" required  lay-verify="required" autocomplete="off" class="layui-input">
		    			</div>
		    		</div>
		    		<div class="layui-col-md4">
		    			<span>上级分类</span>
		    			<div class="layui-input-inline">
                            <select name="city" lay-verify="required">
                                <option value=""></option>
                                <option value="0">北京</option>
                                <option value="1">上海</option>
                                <option value="2">广州</option>
                                <option value="3">深圳</option>
                                <option value="4">杭州</option>
                            </select>
                        </div>
		    		</div>
		    		<div class="layui-col-md1">
		    			<a class="layui-btn layui-btn-success" href="javascript:;">
		    				<span class="layui-icon layui-icon-search"></span>检索
		    			</a>
		    		</div>
		    	</form>
		    </div>
		    <div class="layui-row">
		    	<table id="demo" lay-filter="test"></table>
		    </div>
		    <div class="layui-row">
		    	<div id="pageId"></div>
		    </div>
		</div>
		<script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
		<script src="layui/layui.all.js"></script>
		<script>
			//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
			layui.use(['element','form',"laypage",'table'],
			function() {
				var element = layui.element;
				var page = layui.laypage;
				var form = layui.form;
				var table=layui.table;
				//…
				page.render({
					elem:'page',
					count:50
					
				});
				 table.render({
				 	elem: '#demo'
                   ,height: 350
                   ,url: 'dataJSON/sysMoneytable.json' //数据接口
                   ,page: true //开启分页
                   ,limit:5
                   ,limits:[5,10,15,20]
                   ,loading:false
                   ,done:function(res,curr,count){
                   	console.log(res,curr,count);
                   }
                   ,cols: [[ //表头
                   {field: 'id', title: '分类编码', width:260, sort: true, fixed: 'left'}
                   ,{field: 'name', title: '分类名称', width:300}
                   ,{field: 'class', title: '上级分类', width:300, sort: true}
                   ,{field: 'desc', title: '备注信息', width:360}
                   ]]
                });
			});
			
		</script>
	</body>
</html>
